
#include("includes/header.xhtml")


<div class="panel">
    <h3>View Running Process</h3>
    <table bgcolor="#e4e4e4" border="0" cellpadding="3" cellspacing="1"
	align="center">
	
	<tr bgcolor="green">
		<td colspan="3"><b>Process</b></td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">Id</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.id</td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">Version</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.version</td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">Name</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.name</td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">State</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.state</td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">Service Level Monitor</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.serviceLevelMonitor</td>
	</tr>
	<tr>
		<td bgcolor="#C3FDB8">Started Time</td>
		<td bgcolor="#ffffff">:</td>
		<td bgcolor="#ffffff">$!process.data.startedTime</td>
	</tr>
	<tr>
		<td colspan="3"><input type="button" value="View Graph" onclick="viewGraph();" /></td>
	</tr>
</table>
<input type="hidden" id="baseUrl" value="$!process.baseUrl" />
<input type="hidden" id="processId" value="$!process.data.id" />
<script type="text/javascript">
function viewGraph() {
    var url = document.getElementById('baseUrl').value+'/web/monitoring/process/graph/'+document.getElementById('processId').value;
	window.open(url);
    return false;
}
</script>

<br></br>
   	<table bgcolor="#000000" border="0" cellpadding="3" cellspacing="1" width="98%" align="center">
    <tr bgcolor="green" align="center">
        <td><b>Activity Id</b></td>
        <td><b>Name</b></td>
        <td><b>State</b></td>
        <td><b>Service Level Monitor</b></td>
        <!-- td><b>Action</b></td -->
    </tr>
    #if($processMap.total == "1")
    <tr bgcolor="#ffffff" onmouseover="javascript:this.style.background='#C3FDB8';" onmouseout="javascript:this.style.background='#ffffff';">
        <td>$!processMap.data.id</td>
        <td>$!processMap.data.name</td>
        <td>$!processMap.data.state</td>
        <td align="center">$!processMap.data.serviceLevelMonitor</td>
        <!-- td align="center">
            <a href="/yama/joget/monitoring/activity/view/$!processMap.data.id">
                <img src="/yama/images/silk/application_view_detail.png" title="View Activity" border="0"/></a>
        </td -->
    </tr>
    #else
    #foreach($j in $processMap.data)
    <tr bgcolor="#ffffff" onmouseover="javascript:this.style.background='#C3FDB8';" onmouseout="javascript:this.style.background='#ffffff';">
        <td>$!j.id</td>
        <td>$!j.name</td>
        <td align="center">$!j.state</td>
        <td align="center">$!j.serviceLevelMonitor</td>
        <!-- td align="center">
            <a href="/yama/joget/monitoring/activity/view/$!j.id">
                <img src="/yama/images/silk/application_view_detail.png" title="View Activity" border="0"/></a>
        </td -->
    </tr>
    #end
    #end
        </table>
</div>

#include("includes/footer.xhtml")
